// @color-primary: #4C61ED; /* 主题色 */
@color-primary: #409EFF; /* 主题色 */
@color-white: #fff; /* 基础白色 */
@color-black: #000; /* 基础黑色 */
@color-transparent: transparent; /* 透明色 */
@color-primary-light-1: mix(@color-white, @color-primary, 10%); /* 53a8ff */
@color-primary-light-2: mix(@color-white, @color-primary, 20%); /* 66b1ff */
@color-primary-light-3: mix(@color-white, @color-primary, 30%); /* 79bbff */
@color-primary-light-4: mix(@color-white, @color-primary, 40%); /* 8cc5ff */
@color-primary-light-5: mix(@color-white, @color-primary, 50%); /* a0cfff */
@color-primary-light-6: mix(@color-white, @color-primary, 60%); /* b3d8ff */
@color-primary-light-7: mix(@color-white, @color-primary, 70%); /* c6e2ff */
@color-primary-light-8: mix(@color-white, @color-primary, 80%); /* d9ecff */
@color-primary-light-9: mix(@color-white, @color-primary, 90%); /* ecf5ff */

/* 辅助色 */
@color-success: #67c23a; /* 成功 */
@color-warning: #e6a23c; /* 警告 */
@color-danger: #f56c6c; /* 危险 */
@color-info: #909399; /* 信息 */
@color-success-light: mix(@color-white, @color-success, 80%);
@color-warning-light: mix(@color-white, @color-warning, 80%);
@color-danger-light: mix(@color-white, @color-danger, 80%);
@color-info-light: mix(@color-white, @color-info, 80%);
@color-success-lighter: mix(@color-white, @color-success, 90%);
@color-warning-lighter: mix(@color-white, @color-warning, 90%);
@color-danger-lighter: mix(@color-white, @color-danger, 90%);
@color-info-lighter: mix(@color-white, @color-info, 90%);

/* 文字颜色 */
@color-text-primary: #333; /* 主要文字 */
@color-text-regular: #666; /* 常规文字 */
@color-text-secondary: #999; /* 次要文字 */
@color-text-placeholder: #ccc; /* 占位文字 */
@color-text-label: #818181; /* label文字 */

/* 背景颜色 */
@color-background-base: #f0f3f7; /* 第一层 */
@color-background-secondary: #fff; /* 第二层 */
@color-background-third: #dbdfff; /* 第三层 */

/* 边框颜色 */
@color-border-base: #dcdfe6;
@color-border-light: #e4e7ed;
@color-border-lighter: #ebeef5;
@color-border-extra-light: #f2f6fc;

/* 超链接颜色 */
@link-default-font-color: @color-text-regular;
@link-default-active-color: @color-primary;
@link-disabled-font-color: @color-text-placeholder;
@link-primary-font-color: @color-primary;
@link-success-font-color: @color-success;
@link-warning-font-color: @color-warning;
@link-danger-font-color: @color-danger;
@link-info-font-color: @color-info;

/* 按钮默认颜色 */
@button-default-font-color: @color-text-regular;
@button-default-background-color: @color-white;
@button-default-border-color: @color-border-base;

/* 按钮禁用颜色 */
@button-disabled-font-color: @color-text-placeholder;
@button-disabled-background-color: @color-white;
@button-disabled-border-color: @color-border-lighter;

/* 按钮主要颜色 */
@button-primary-border-color: @color-primary;
@button-primary-font-color: @color-white;
@button-primary-background-color: @color-primary;

/* 按钮成功颜色 */
@button-success-border-color: @color-success;
@button-success-font-color: @color-white;
@button-success-background-color: @color-success;

/* 按钮警告颜色 */
@button-warning-border-color: @color-warning;
@button-warning-font-color: @color-white;
@button-warning-background-color: @color-warning;

/* 按钮危险颜色 */
@button-danger-border-color: @color-danger;
@button-danger-font-color: @color-white;
@button-danger-background-color: @color-danger;

/* 按钮信息颜色 */
@button-info-border-color: @color-info;
@button-info-font-color: @color-white;
@button-info-background-color: @color-info;

/* 按钮激活透明度 */
@button-hover-tint-percent: 20%;
@button-active-shade-percent: 10%;

/* 边框信息 */
@border-color-base: @color-border-base;
@border-width-base: 1px;
@border-style-base: solid;
@border-base: @border-width-base @border-style-base @border-color-base;
@border-radius-base: 4px;
@border-radius-small: 2px;
@border-radius-circle: 100%;
@border-radius-zero: 0;

/* 
// 颜色值的 alpha channel 可以通过 transparentize 或 transparentize 两个函数进行调整。
@color-primary-light-1: transparentize(@color-primary, .9); // color: rgba(255, 255, 255, 0.1);
@color-primary-light-9: transparentize(@color-primary, .1); // color: rgba(255, 255, 255, 0.9);
*/

/* 滚动条风格 */
@scrollbar-background-color: #d8d8d8;

/* logo风格 */
@logo-font-color: @color-black;
@logo-background-color: @color-white;

/* 主菜单风格 */
@main-menu-font-color: @color-white;
@main-menu-background-color: @color-primary;
@main-menu-active-font-color: @color-primary;
@main-menu-active-background-color: #DBEFFF;

/* 主tabs风格 */
@main-tabs-font-color: #787878;
@main-tabs-background-color: #E7EFFA;
@main-tabs-active-font-color: @color-white;
@main-tabs-hover-background-color: #DBEFFF;
@main-tabs-active-background-color: @color-primary;
@main-tabs-panel-background-color: @color-white;

/* 次tabs风格 */
@second-tabs-font-color: #787878;
@second-tabs-background-color: transparent;
@second-tabs-active-font-color: @color-primary;
@second-tabs-active-background-color: transparent;
@second-tabs-panel-background-color: @color-white;

